<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0, minimum-scale=1.0, user-scalable=0, initial-scale=1.0, width=device-width"/>
    <meta name="format-detection" content="telephone=no, email=no, date=no, address=no">
    <title>money详情</title>
    <link rel="stylesheet" type="text/css" href="../css/api.css" />
    <link rel="stylesheet" type="text/css" href="../css/utilCss.css">
    <script type="text/javascript" src="../script/jquery.js"></script>

	<style>
  html,body{height: 100%;margin:0px;padding: 0px;}
   body {
     display:flex;
     flex-flow:row wrap;

   }
   .lxb_div_context{
    flex-grow:1;
    border: 1px #cbcaca solid;
    margin: 15px 15px 35px 15px;
    border-radius: 10px;
    box-shadow: 0 0 1px 1px rgba(190, 190, 195, 0.25);
   }
   .lxb_div_context_nickname{
     margin-left: 15px;
     margin-top: 15px;
     font-size: 15px;
     color: #101010;
     text-align: center;
   }

   .lxb_div_context_money{
     text-align: center;
     font-size: 25px;
     color: #101010;
     margin-top: 23px;
   }
   .lxb_div_context_mode{
     margin-top: 23px;
   }

   .lxb_div_context_mode_left{
     font-size: 14px;
     color: #919191;
     display: inline-block;
   }
   .lxb_div_context_mode_rigth{
     color: #101010;
     font-size: 15px;
     float: right;
     width: 65%;
     text-align: right;
     overflow: hidden;
     white-space: nowrap;
     text-overflow: ellipsis;
   }
   .lxb_div_context_time_rigth{
     color: #919191;
     font-size: 15px;
     float: right;
   }

	</style>
</head>

<body>
   <div class="lxb_div_context">
    <div class="lxb_div_context_nickname" id="context_nickname_click">

    </div>
    <div class="lxb_div_context_money" id="context_money_click">
     报警
    </div>

    <div class="lxb_div_context_mode lxb_div_style1 lxb_div_styleborder1">
      <div class="lxb_div_context_mode_left" id = "context_paymentMode_click">
       alertContent
      </div>
      <div class="lxb_div_context_mode_rigth" id="lxb_div_context_alertContent_click">

      </div>
    </div>

    <div class="lxb_div_context_state lxb_div_style1 lxb_div_styleborder2">
      <div class="lxb_div_context_mode_left" id="context_moneyState_click">
      alertExplain
      </div>
      <div class="lxb_div_context_mode_rigth" id="lxb_div_context_alertExplain_click">
      </div>
    </div>

    <div class="lxb_div_context_state lxb_div_style1 lxb_div_styleborder2">
      <div class="lxb_div_context_mode_left" id="context_moneyState_click">
      servName
      </div>
      <div class="lxb_div_context_mode_rigth" id="lxb_div_context_servName_click">

      </div>
    </div>

    <div class="lxb_div_context_state lxb_div_style1 lxb_div_styleborder2">
      <div class="lxb_div_context_mode_left" id="context_moneyState_click">
      servIp
      </div>
      <div class="lxb_div_context_mode_rigth" id="lxb_div_context_servIp_click">

      </div>
    </div>

   </div>
</body>

<script type="text/javascript" src="../script/api.js"></script>
<script type="text/javascript">

    apiready = function(){
      var data = api.pageParam;
      data = data.name;
      var alertContent = data.content.portContent.alertContent;
      var alertExplain = data.content.portContent.alertExplain;
      var servName = data.content.portContent.servName;
      var servIp = data.content.portContent.servIp;
      setViewContext(backstageData(alertContent),backstageData(alertExplain),backstageData(servName),backstageData(servIp));
    }

    /**设置view内容
    */
    function setViewContext(alertContent,alertExplain,servName,servIp){
       $('#lxb_div_context_alertContent_click').text(alertContent);
       $('#lxb_div_context_alertExplain_click').text(alertExplain);
       $('#lxb_div_context_servName_click').text(servName);
       $('#lxb_div_context_servIp_click').text(servIp);
    }

    /**
    *判断后台的数据 进行判断处理
    */
    function backstageData(string){
           if(string !='' && string !=null && string !='undefined'){
              return string;
           }else {
             return '';
           }
    }


</script>
</html>
